{include file="common/header" title="充值详情" /}
<link rel="stylesheet" href="/static/mobile/css/common/detail.css">
    <div class="page-group">
        <div class="page">
            <header class="bar bar-nav">
                <a class="icon icon-me pull-left open-panel" id="slideBtn"></a>
                <h1 class="title"><img class="logo" src="/static/mobile/image/common/logo.png" alt=""></h1>
            </header>
            <div class="content">
                <!-- 面包屑 -->
                <div class="crumbs"><a href="javascript:void(0);">充值列表&nbsp;>&nbsp;</a><a href="/mobile/recharges?page=1&limit=20" external>充值详情 ✕</a></div>
                <div class="list-block">
                    <!-- 充值详情列表 -->
                    <ul>
                        <li class="item-content">
                            <div class="item-media"><i class="icon icon-f7"></i></div>
                            <div class="item-inner">
                                <div class="item-title">商户号</div>
                                <div class="item-after">{$data.promote_account}</div>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-media"><i class="icon icon-f7"></i></div>
                            <div class="item-inner">
                                <div class="item-title">订单号</div>
                                <div class="item-after item-order">{$data.order_number}</div>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-media"><i class="icon icon-f7"></i></div>
                            <div class="item-inner">
                                <div class="item-title">支付订单号</div>
                                <div class="item-after item-order">{$data.pay_order_number}</div>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-media"><i class="icon icon-f7"></i></div>
                            <div class="item-inner">
                                <div class="item-title">充值金额</div>
                                <div class="item-after">{$data.pay_amount}</div>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-media"><i class="icon icon-f7"></i></div>
                            <div class="item-inner">
                                <div class="item-title">充值状态</div>
                                <div class="item-after pay_status">{$data.pay_status}</div>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-media"><i class="icon icon-f7"></i></div>
                            <div class="item-inner">
                                <div class="item-title">手续费</div>
                                <div class="item-after">{$data.commission}</div>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-media"><i class="icon icon-f7"></i></div>
                            <div class="item-inner">
                                <div class="item-title">支付方式</div>
                                <div class="item-after">{$data.pay_way}</div>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-media"><i class="icon icon-f7"></i></div>
                            <div class="item-inner">
                                <div class="item-title">第三方</div>
                                <div class="item-after">{$data.pay_type}</div>
                            </div>
                        </li>
                        <li class="item-content">
                            <div class="item-media"><i class="icon icon-f7"></i></div>
                            <div class="item-inner">
                                <div class="item-title">结算状态</div>
                                <div class="item-after status">{$data.status}</div>
                            </div>
                        </li>
                    </ul>
                </div>
                <!-- 保存返回按钮 -->
                <!--<a class="sure-btn" href="javascript:void(0);">保存</a>-->
                <a class="return-btn" href="/mobile/recharges?page=1&limit=20" external>返回</a>
            </div>
        </div>
    </div>
{include file="common/footer" /}
<script>
    $(function(){
        if($(".pay_status").text() == "待支付"){
            $(".pay_status").css('color','#ff0000');
        }else{
            $(".pay_status").css('color','#24e65f');
        }

        if($(".status").text() == "未结算"){
            $(".status").css('color','#ff0000');
        }else{
            $(".status").css('color','#24e65f');
        }
    })
</script>